<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/svg+xml" href="./favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite Vue + TS</title>
    <script type="module" crossorigin src="./assets/index-Cs3YldeA.js"></script>
    <link rel="stylesheet" crossorigin href="./assets/index-BDvKFB57.css">
	<link rel="stylesheet" href="./assets/icon.css" />
  </head>
  <body>
    <div>
		<h1>代办事项</h1>
		<div class="input-group mb-3">
			<div class="input-group-preppend">
				<span class="input-group-text" id="basic-addonl">新建任务</span>
			</div>
			<input type="text" class="form-control"  placeholder="请输入任务"  aria-label="Username" aria-describedby="basic-addonl"/>
	        <button class="btn-primary">添加</button>	
		</div>
		<ul class="list-group">
			<li class="list-group-item d-flex justify-content-between align-items-center">
				<div class="form-check">
					<input class="form-check-input" type="checkbox" id="1" value=""/>
					<label class="form-check-label delete"  for="1">运动</label>
					<button class="icon-button">删除</button>
					<div><el-button type="primary" :icon="Delete" /></div>
					
				</div>
				<span class="badge badge-primary badge-pill">已完成</span>
			</li>
			<li class="list-group-item d-flex justify-content-between align-items-center">
				<div class="form-check">
						<input class="form-check-input" type="checkbox" id="1" value=""/>
						<label class="form-check-label delete"  for="1">学习</label>
						<button class="icon-button">删除</button>
					</div>
					<span class="badge badge-primary badge-pill">未完成</span>
			</li>
			<li class="list-group-item d-flex justify-content-between align-items-center">
				<div class="form-check">
						<input class="form-check-input" type="checkbox" id="1" value=""/>
						<label class="form-check-label delete"  for="1">娱乐活动</label>
						<button class="icon-button">删除</button>
					</div>
					<span class="badge badge-primary badge-pill">未完成</span>
			</li>
		</ul>
		<div class="btn-group" role="group" aria-label="Basic example">
			<button type="button" class="btn-primary">全部</button>
			<button type="button" class="btn-secondary">已完成</button>
			<button type="button" class="btn-secondary">未完成</button>
		</div>
	</div>
	<div>
		<span>
			<a href="https://gitee.com/wang-shengqua">仓库地址</a>
		</span>
		<span>
			<a href="#/About" class="about-link">个人介绍</a>
		</span>
	</div>
  </body>
</html>